
window.addEventListener("load", function () {



	// 注册按钮按下弹出注册界面


	$(".regisNow").forEach(function (v) {

		v.addEventListener("click", function () {

			$(".model").style.visibility = "visible";
			$(".regis-plate").style.visibility = "visible";
			$(".regis-cont").style.visibility = "visible";
			$(".errorName").style.visibility = "visible";
			$(".errorPhoNum").style.visibility = "visible";
			$(".errorPassword").style.visibility = "visible";
			// 按下注册按钮时让窗口滚动条消失
			$("body").style.overflow = "hidden"

		})


	})

	// 点击注册界面的立即注册按钮时，让窗口回复滚动条
	$(".RegNow").addEventListener("click", function () {

		$("body").style.overflow = "auto"


	})

	//注册界面板块
	const inputNode = $(".verify1"); // 获取到用户名输入框的元素节点

	//用户名输入框获得焦点时，errorName隐藏
	inputNode.addEventListener("focus", function () {
		$(".errorName").style.visibility = "hidden";
	});
	//用户名输入框失去焦点时判断其长度，从而判断errorName是否隐藏
	inputNode.addEventListener("blur", function () {
		let inputStr = `${this.value}`;
		console.log(inputStr.length);
		if (inputStr.length < 6 || inputStr.length > 12) {
			$(".errorName").style.visibility = "visible";
		}
	});

	//手机号输入框

	$(".verify2").addEventListener("focus", function () {
		$(".errorPhoNum").style.visibility = "hidden";
	});
	$(".verify2").addEventListener("blur", function () {
		let phoNumStr = `${this.value}`;
		if (phoNumStr.length !== 11) {
			$(".errorPhoNum").style.visibility = "visible";
		}
	});

	//密码框
	$(".verify3").addEventListener("focus", function () {
		$(".errorPassword").style.visibility = "hidden";
	});
	$(".verify3").addEventListener("blur", function () {
		let passwardStr = `${this.value}`;
		if (passwardStr.length < 6 || passwardStr.length > 12) {
			$(".errorPassword").style.visibility = "visible";
		}
	});


	$(".RegNow").addEventListener("click", function () {
		$(".model").style.visibility = "hidden";
		$(".regis-plate").style.visibility = "hidden";
		$(".regis-cont").style.visibility = "hidden";
		$(".errorName").style.visibility = "hidden";
		$(".errorPhoNum").style.visibility = "hidden";
		$(".errorPassword").style.visibility = "hidden";

	})

})


// 回到顶部
// 回到顶部功能块
window.addEventListener("load", function () {
	$(".iconfont");
	console.log($(".iconfont"));

	this.window.addEventListener("scroll", function () {
		if (this.scrollY > 350) {
			$(".iconfont").style.display = "block";
		} else {
			$(".iconfont").style.display = "none";
		}
	});
	//给节点绑定点击事件，点击时实现回到顶部功能；
	$(".iconfont").addEventListener("click", function () {
		window.scrollTo({
			top: 0,
			left: 0,
			behavior: "smooth",
		});
	});
});
// 登录界面跳转;
window.addEventListener("load", function () {
	$(".LoginScreen").style.visibility = "hidden";
	// 注册模态框头部下的按钮跳转至登录界面;
	$(".logined").addEventListener("click", function () {
		// 登录界面显示
		$(".LoginScreen").style.visibility = "visible";
		document.body.style.overflow = "hidden";
	});

	// 登录界面登录立即注册按钮按下跳转至注册界面;
	$(".regisEd .reSon").addEventListener("click", function () {
		//登录界面隐藏
		$(".LoginScreen").style.visibility = "hidden";
		$(".model").style.visibility = "visible";
		$(".regis-plate").style.visibility = "visible";
		$(".errorName").style.visibility = "visible";
		$(".errorPhoNum").style.visibility = "visible";
		$(".errorPassword").style.visibility = "visible";
	});

	//首页登录按钮按下显示登录界面
	$(".Glooe").addEventListener("click", function () {
		// 登录界面显示
		$(".LoginScreen").style.visibility = "visible";
	});

	// 注册模态框头部下的按钮已有源码账号跳转至登录界面
	$(".HaveAccount").addEventListener("click", function () {
		// 登录界面显示
		$(".LoginScreen").style.visibility = "visible";
	});

	//登录界面登录按钮按下让自己消失
	$(".logining").addEventListener("click", function () {
		$(".LoginScreen").style.visibility = "hidden";
		$(".model").style.visibility = "hidden";
		$(".regis-plate").style.visibility = "hidden";
		$(".regis-cont").style.visibility = "hidden";
		$(".errorName").style.visibility = "hidden";
		$(".errorPhoNum").style.visibility = "hidden";
		$(".errorPassword").style.visibility = "hidden";
	});
	// 账号登录按钮
	const btnNode = $(".UserLgin");
	const formNode = $(".formSubmit");

	btnNode.forEach(function (v, i) {

		v.addEventListener("click", function () {
			btnNode.forEach(function (value, index) {

				value.classList.remove("active");
				formNode[index].style.display = "none"


			})
			this.classList.add("active");
			formNode[i].style.display = "block"

		})
	})


	console.log($(".registerNow"));

	$(".registerNow").forEach(function (v) {

		v.addEventListener("click", function () {

			$(".LoginScreen").style.visibility = "hidden";
			$(".model").style.visibility = "visible";
			$(".regis-plate").style.visibility = "visible";
			$(".regis-cont").style.visibility = "visible";
			$(".errorName").style.visibility = "visible";
			$(".errorPhoNum").style.visibility = "visible";
			$(".errorPassword").style.visibility = "visible";

		})

	})


});


window.addEventListener("load", function () {
	//首页导航栏板块

	const nodeList = $(".navgit");
	nodeList.forEach(function (v) {
		v.addEventListener("click", function () {
			nodeList.forEach(function (value) {
				value.className = "";
			});

			v.className = "active";
		});
	});

	//首页注册功能

});
window.addEventListener("load", function () {


	

	const finaPicNode = $(".finaCont");
	const finaPicNodes = $(".finaTitle");
	const finaNode = $(".finaBtn");
	finaNode.forEach(function (v, i) {
		finaPicNode[0].style.display = "block"

	

	})



});

window.addEventListener("load", function () {
	let dataList = [
		{ "category": "finance", "img": "szyh.png", "name": "苏州银行数据API服务系统", "desc": "苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。" },
		{ "category": "finance", "img": "hcfc2.png", "name": "河北幸福消金三方数据管理平台", "desc": "河北幸福消费金融股份有限公司是河北省首家批准成立的消费金融公司。公司坚持以“融入互联网生态，融入河北生态，融入股东生态”为主线，打造产品服务、内容服务和能力服务为核心目标，致力于打造一家以技术为驱动、以智慧金融和普惠金融为特色的公众公司。截至2019年底，幸福消金累计投放贷款近500亿元，全年新增270亿元。" },
		{ "category": "finance", "img": "sznsyh.png", "name": "苏州农商行数据敏捷共享平台", "desc": "苏州农商银行是全国第四家A股上市的农商银行，也是银监会成立后在新监管框架下第一批挂牌开业的农村商业银行。近年来，苏州农商银行聚焦主责主业，以支农支小、服务地方经济建设为主要目标，践行了一条符合自身实际的差异化定位、特色化经营之路。在当下金融行业数字化转型的大潮中，苏州农商银行积极探索金融科技转型之道，运用互联网思维，通过智能化和不断迭代的服务，满足不同客户的多元化、个性化需求，实现差异化发展，走出自己的特色化之路。" },

		{ "category": "business", "img": "zhylian.png", "name": "中国银联便民缴费内容交换平台", "desc": "中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。" },
		{ "category": "business", "img": "zgtxfw.png", "name": "中通服三方数据管理平台", "desc": "本项目是建设中国通信服务股份有限公司上海分公司（以下简称“中通服”）的三方数据管理平台，通过智能数据管理平台的线上化系统，进行业务数据的有效管理，规范业务操作流程，防范业务风险，实现资源共享、高效一致的有效运作。" },
		{ "category": "business", "img": "airbus.png", "name": "空客VOOM BI分析系统", "desc": "Voom 是一个由 Airbus 运营，方便、可靠的直升机订单、运营管理(B2C，B2B)平台，能给有需求的旅客提供便捷、快速的城市直升机服务。本项目涉及Voom的数据仓库和BI工具的建设，服务对象为Voom管理人员和运营人员，为Voom服务的管理决策，和日常运营的精细化改进提供数据支撑。" },

		{ "category": "government", "img": "scm.png", "name": "苏城码", "desc": "中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。" },
		{ "category": "government", "img": "sgaj.png", "name": "大数据防线", "desc": "华东某市公安局，高度重视智慧公安建设，依托大数据赋能警务实战。并在全国率先提出通过融合多源异构海量数据，进一步提升精准化研判、预判水平。并委托聚合数据帮助其建设智能化平台。" },
		{ "category": "government", "img": "szfjg.png", "name": "市域社会治理", "desc": "华东某市获批全国首批市域社会治理现代化试点城市，紧密围绕中央、省、市决策部署，立足该市实际，突出问题导向，超前谋划、大胆探索，精准推进政法智能化深度应用，搭建统一集成、高效协同、市域一体的社会治理现代化综合指挥平台。" }

	]

	let contentNode = [{

		title: "金融案例",
		ENname: "Financial Case",
		data: [
			{
				category: "finance",
				img: "szyh.png",
				name: "苏州银行数据API服务系统",
				desc: "苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。"
			},

			{
				category: "finance",
				img: "hcfc2.png",
				name: "河北幸福消金三方数据管理平台",
				desc: "河北幸福消费金融股份有限公司是河北省首家批准成立的消费金融公司。公司坚持以“融入互联网生态，融入河北生态，融入股东生态”为主线，打造产品服务、内容服务和能力服务为核心目标，致力于打造一家以技术为驱动、以智慧金融和普惠金融为特色的公众公司。截至2019年底，幸福消金累计投放贷款近500亿元，全年新增270亿元。"
			},

			{
				category: "finance",
				img: "sznsyh.png",
				name: "苏州农商行数据敏捷共享平台",
				desc: "苏州农商银行是全国第四家A股上市的农商银行，也是银监会成立后在新监管框架下第一批挂牌开业的农村商业银行。近年来，苏州农商银行聚焦主责主业，以支农支小、服务地方经济建设为主要目标，践行了一条符合自身实际的差异化定位、特色化经营之路。在当下金融行业数字化转型的大潮中，苏州农商银行积极探索金融科技转型之道，运用互联网思维，通过智能化和不断迭代的服务，满足不同客户的多元化、个性化需求，实现差异化发展，走出自己的特色化之路。"
			}],
	},

	{
		title: "企业案例",
		ENname: "Business Case",
		data: [{
			category: "business",
			img: "zhylian.png",
			name: "中国银联便民缴费内容交换平台",
			desc: "中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。"
		},
		{
			category: "business",
			img: "zgtxfw.png",
			name: "中通服三方数据管理平台",
			desc: "本项目是建设中国通信服务股份有限公司上海分公司（以下简称“中通服”）的三方数据管理平台，通过智能数据管理平台的线上化系统，进行业务数据的有效管理，规范业务操作流程，防范业务风险，实现资源共享、高效一致的有效运作。"
		},
		{
			category: "business",
			img: "airbus.png",
			name: "空客VOOM BI分析系统",
			desc: "Voom 是一个由 Airbus 运营，方便、可靠的直升机订单、运营管理(B2C，B2B)平台，能给有需求的旅客提供便捷、快速的城市直升机服务。本项目涉及Voom的数据仓库和BI工具的建设，服务对象为Voom管理人员和运营人员，为Voom服务的管理决策，和日常运营的精细化改进提供数据支撑。"
		}],
	},

	{
		title: "政务案例",
		ENname: "Government Case",
		data: [{
			category: "government",
			img: "scm.png",
			name: "苏城码",
			desc: "中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。"
		},
		{
			category: "government",
			img: "sgaj.png",
			name: "大数据防线",
			desc: "华东某市公安局，高度重视智慧公安建设，依托大数据赋能警务实战。并在全国率先提出通过融合多源异构海量数据，进一步提升精准化研判、预判水平。并委托聚合数据帮助其建设智能化平台。"
		},
		{
			category: "government",
			img: "szfjg.png",
			name: "市域社会治理",
			desc: "华东某市获批全国首批市域社会治理现代化试点城市，紧密围绕中央、省、市决策部署，立足该市实际，突出问题导向，超前谋划、大胆探索，精准推进政法智能化深度应用，搭建统一集成、高效协同、市域一体的社会治理现代化综合指挥平台。"
		}],
	}


	];


	let html = "";

	contentNode.forEach(function (v) {

		let boxhtml = ""
		v.data.forEach(function (value) {
			boxhtml += ` <div class="areaPica">
			<img src="../images/${value.img}" alt="">
            <p>${value.name}</p>
            <p>${value.desc}</p>
            <p class="under">了解详情</p>
			 </div> `
		})

		$(".finaPicA").innerHTML = boxhtml;
		// console.log("renren", $(".finaPicA"));


		// console.log(v);
		html += ` <p class="finaTitle rel"> ${v.title} <span>/${v.ENname}</span> </p>
		<section class="finaPic rel finaPicA">
		         
                        ${boxhtml}
                 
				   </section>`
	})
	$(".FinaPage1").innerHTML = html;



	// 电梯效果
	
	
	const arezNode = $(".FinaPage1 .finaPic");// 遍历对应的楼层内容，获取到每一个楼层
	const clickNode = $(".finaBtn");// 同时遍历每一个按钮
	
	
	const floorNum = $(".finaCont .finaTitle");
	clickNode.forEach(function (v , i) {
		 // 给按钮绑定点击事件
		v.addEventListener("click", function () {
			// 声明变量disY 
			const disY = arezNode[i].offsetTop // 得到的结果是一个数字
			const Y =Number(disY) - 40 //调整位置直接运算就行
			window.scrollTo({
				top: Y,
				behavior: "smooth",
			})

		})

	})

	
	
	
})
//  吸顶效果（电梯栏）
window.addEventListener("load", function () {
	
	const offsetNode = $(".topAside")//ul的节点
	this.window.addEventListener("scroll", function (evt) {
		
		
		
		// this.scrollY //359时变成固定定位
		
		if (this.scrollY > 359) {
			
			offsetNode.style.position = "fixed"
			offsetNode.style.top = "25px"
			offsetNode.style.left = "245px"


		} else {
			
			offsetNode.style.position = "absolute"
			offsetNode.style.left = "0px"
			
		}
	})

	// 粒子效果
	
	//配置
	const config = {
		selector: ".demoFash",
		vx: 4, //点x轴速度,正为右，负为左
		vy: 4, //点y轴速度
		height: 2, //点高宽，其实为正方形，所以不宜太大
		width: 2,
		count: 100, //点个数
		color: "174, 129, 219", //点颜色
		stroke: "82,217,239", //线条颜色
		dist: 6000, //点吸附距离
		e_dist: 20000, //鼠标吸附加速距离
		max_conn: 10, //点到点最大连接数
	};
	//调用
	CanvasParticle(config);

















})

